๐Ÿ˜Ž ์ž๊ธฐ์†Œ๊ฐœ


์•ˆ๋…•ํ•˜์„ธ์š” ์ฆ๊ฑฐ์šด ๊ฐœ๋ฐœ์ž๋ฅผ ๊ฟˆ๊พธ๋Š” ์ด์„ฑ์ธ์ด๋ผ๊ณ  ํ•ฉ๋‹ˆ๋‹ค.

์‚ฌ๋žŒ์€ ์ฑ„์šธ์ˆ˜๋ก ๋” ์ง„์ค‘ํ•˜๊ณ  ๋ฌด๊ฑฐ์šด ์‚ฌ๋žŒ์ด ๋œ๋‹ค๊ณ ๋“ค ํ•ฉ๋‹ˆ๋‹ค.
์ €๋Š” ๊ทธ๋Ÿผ์—๋„ ์ œ๊ฐ€ ๊ฐ€์ง„๊ฑธ ๋‚˜๋ˆ„๊ณ  ๋น„์šฐ๊ธฐ์— ๊ด€์‹ฌ์ด ์žˆ์Šต๋‹ˆ๋‹ค.
๋‚˜์˜ ๋Šฅ๋ ฅ๊ณผ ๋ฐฐ์›€์ด ๋ถ€์กฑํ•  ์ง€๋ผ๋„ ๋ˆ„๊ตฐ๊ฐ€์—๊ฒŒ ๊ฐ€์น˜๊ฐ€ ์žˆ๋‹ค๋ฉด ์•„๋‚Œ์—†์ด ๋‚˜๋ˆ„๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค.
์ง€์‹์„ ๋‚˜๋ˆ„๊ณ  ํ•จ๊ป˜ ์„ฑ์žฅํ•จ์— ์ฆ๊ฑฐ์›€์„ ๋А๋ผ๋ฉฐ ๋ˆ„๊ตฐ๊ฐ€์—๊ฒŒ ๋„์›€์ด ๋˜๋Š”๊ฒƒ์— ํฐ ๊ธฐ์จ์„ ๋А๋‚๋‹ˆ๋‹ค.
์ด ๋ธ”๋กœ๊ทธ ๋˜ํ•œ ์ €๋ฅผ ๋น„์›Œ๋‚ด๋Š” ๊ณผ์ •๋“ค ์ค‘ ํ•˜๋‚˜๋ฆฌ๋ผ ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.


์ด ๋ธ”๋กœ๊ทธ๋Š” ์ œ๊ฐ€ FE๊ฐœ๋ฐœ์ž๋ฅผ ๊ฟˆ๊พธ๋ฉฐ ์„ฑ์žฅํ•ด ๋‚˜๊ฐ€๋Š” ์ด์•ผ๊ธฐ์™€ ์ผ์ƒ์„ ๋‹ด์„ ์˜ˆ์ •์ž…๋‹ˆ๋‹ค.
์ด ๊ธ€์„ ์“ฐ๋Š” ์‹œ์ ๊ณผ ์ฐจํ›„ ๋ฐฉ๋ฌธํ•˜์‹œ๋Š” ๋ถ„๋“ค์ด ์ œ ์ž์ทจ๋ฅผ ํ†ตํ•ด์„œ ์กฐ๊ธˆ์ด๋ผ๋„ ๋„์›€์ด ๋˜์‹œ๊ธธ ๋ฐ”๋ผ๋ฉฐ
์กฐ๊ธˆ์”ฉ, ๊ทธ๋Ÿฌ๋‚˜ ๊พธ์ค€ํžˆ ๋‚จ๊ฒจ๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

ํ˜„์žฌ ์ƒํ™ฉ

  • ์ธํ•˜๋Œ€ํ•™๊ต ์ •๋ณดํ†ต์‹ ๊ณตํ•™๊ณผ 3ํ•™๋…„
  • FE์— ๊ด€์‹ฌ์„ ๊ฐ€์ง€๊ฒŒ ๋œ์ง€ ์•ฝ 1๋…„(2021.7 ~ ํ˜„์žฌ)
  • ๋ฉ‹์Ÿ์ด ์‚ฌ์ž์ฒ˜๋Ÿผ 9๊ธฐ(์›น ์„œ๋น„์Šค์— ํฅ๋ฏธ๋ฅผ ๊ฐ€์ง)
  • ๋ฉ‹์Ÿ์ด ์‚ฌ์ž์ฒ˜๋Ÿผ 10๊ธฐ ์šด์˜์ง„ (FE)
  • css์‹ค๋ ฅ : ๋””์ž์ธ์ด ์žˆ๋Š” ๊ธฐ์ดˆ์ ์ธ view ์ž‘์—…์€ ๊ฐ€๋Šฅ (๋‹ค๋งŒ animation , ๊ฐ€์ƒ์„ ํƒ์ž ๋“ฑ์€ ๋ฏธ์ˆ™)
  • js์‹ค๋ ฅ : react๋ฅผ ํ†ตํ•ด์„œ js๋ฅผ ์ตํ˜”๊ธฐ์— ๊ธฐ์ดˆ๊ฐ€ ๋งŽ์ด ๋ถ€์กฑ
  • react : styled-component, props, useState, useEffect๋“ฑ ์–ด๋ ต์ง€ ์•Š์€ ๊ฐœ๋… ์ •๋„๋งŒ ์•Œ๊ณ  ์žˆ์Œ
  • git : ๋‹ค์ˆ˜์˜ ํ”„๋กœ์ ํŠธ์™€ ํŒ€ํ”Œ๋กœ ์ธํ•ด ๊ธฐ๋ณธ์ ์ธ ์‚ฌ์šฉ๋ฒ•์€ ๋ชจ๋‘ ์ตํžŒ ์ƒํƒœ ํ˜„์žฌ ํฌ๋ผ์ผ„์„ ํ†ตํ•ด์„œ ์‚ฌ์šฉ์ค‘
  • cs : ๊ฑฐ์˜ ์—†์Šต๋‹ˆ๋‹คโ€ฆ
  • ์•Œ๊ณ ๋ฆฌ์ฆ˜ : ๋ณดํ†ต ์ฝ”ํ…Œ 5๋ฌธ์ œ์ค‘ 2๋ฌธ์ œ๊นŒ์ง€๋Š” ์•„์Šฌ์•„์Šฌํ•˜๊ฒŒ ํ’€์ˆ˜ ์žˆ๋Š” ์‹ค๋ ฅ, ์ตœ๊ทผ 3๋ฒˆ์˜ ์ฝ”ํ…Œ๋ฅผ ๋ชจ๋‘ ๋–จ์–ด์กŒ์Šต๋‹ˆ๋‹ค.

์ œ๊ฐ€ ์ƒ๊ฐํ•˜๋Š” ์ €์˜ ๊ฐ๊ด€์ ์ธ ๊ฐœ๋ฐœ ์‹ค๋ ฅ์€ react๋‚˜ ํ”„๋ก ํŠธ ์—”๋“œ ๊ด€๋ จ๊ฐ•์˜๋ฅผ 2๋ฒˆ์ด์ƒ ๋“ค์—ˆ๋‹ค๋ฉด ๋น„์Šทํ•œ ์‹ค๋ ฅ์ด ๋˜๋ฆฌ๋ผ ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.
๋‹ค ์ ์–ด๋ณด๋‹ˆ ์‹œ๊ฐ„์— ๋น„ํ•ด ๋งŽ์€ ์„ฑ์žฅ์„ ํ•˜์ง€ ๋ชปํ•œ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.
๊ฐˆ๊ธธ์ด ๋ฉ€์ง€๋งŒ, ์ž˜ ์ง€์ผœ๋ด ์ฃผ์‹œ๊ธธ ๋ฐ”๋ž๋‹ˆ๋‹ค. ๊ทธ๋Ÿผ ๋– ๋‚˜๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค :)

๋ฐฉ๋ฌธํ•ด์ฃผ์‹  ์—ฌ๋Ÿฌ๋ถ„์˜ ํ•˜๋ฃจ๋ฅผ ์‘์›ํ•ฉ๋‹ˆ๋‹ค. ๐Ÿ‘